<template>
  <div id="goodsService">
    <el-divider></el-divider>
    <div slot="header" style="height: 45px;background-color: #F2F6FC" class="clearfix">
      <span style="font-weight: bolder;font-size: 1.9em">售后保障</span>
    </div>
    <el-row v-for="(item,index) in jdInfo" :key="index">
      <el-col :span="24" style="color: #F56C6C;font-weight: bolder;font-size: 1.5em"><span>{{item.name}}</span></el-col>
      <el-col><span style="color: #909399">{{item.value}}</span></el-col>
    </el-row>
    <el-divider></el-divider>
    <el-row>
      <el-col :span="24" style="color: #F56C6C;font-size: 0.9em"><span>权利声明：</span></el-col>
      <el-col :span="24" style="color: #909399;font-size: 0.9em"><span>京东上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东重要的经营资源，未经许可，禁止非法转载使用。</span></el-col>
      <el-col :span="24" style="color: #909399;font-size: 0.9em"><span style="font-weight: bolder">注：</span><span>本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。</span></el-col>
      <el-col :span="24" style="color: #F56C6C;font-size: 0.9em"><span>价格说明：</span></el-col>
      <el-row v-for="(item,index) in priceInfo" :key="index">
        <el-col :span="24" style="color: #909399;font-size: 0.9em;font-weight: bolder"><span>{{item.name}}</span></el-col>
        <el-col><span style="color: #909399;font-size: 0.9em">{{item.value}}</span></el-col>
      </el-row>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "goodsService",
  components: {},
  props: ['id'],
  data() {
    return {
      jdInfo:[],
      priceInfo:[]
    }
  },
  mounted() {
    this.axios.get(
        '/api/service'
    ).then((res)=>{
      let jdInfo=res.data.jdInfo
      let priceInfo=res.data.priceInfo
      this.jdInfo=jdInfo
      this.priceInfo=priceInfo
    }).catch((err)=>{
      this.$message.error(err)
    })
  }
}
</script>

<style scoped>

</style>
